@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/back.jpg);
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-position: center center;
	margin: 0;
	margin-bottom: 20px;
}

#b1 {
	background-image: url(../images/b1.png);
	height: 10px;
	width: 10px;
	background-repeat: no-repeat;
}
#b2 {
	background-image: url(../images/b2.png);
	height: 10px;
	background-repeat: repeat-x;
}
#b3 {
	background-image: url(../images/b3.png);
	height: 10px;
	background-repeat: no-repeat;
	width: 10px;
}
.b4 {
	background-image: url(../images/b4.png);
	width: 10px;
	background-repeat: repeat-y;
}
.b5 {
	background-image: url(../images/b5.png);
	background-repeat: repeat;
}
.b6 {
	background-image: url(../images/b6.png);
	background-repeat: repeat-y;
	width: 10px;
}
#b7 {
	background-image: url(../images/b7.png);
	height: 10px;
	width: 10px;
	background-repeat: no-repeat;
}
#b8 {
	background-image: url(../images/b8.png);
	height: 10px;
	background-repeat: repeat-x;
}
.b8 {
	background-image: url(../images/b8.png);
	height: 9px;
	background-repeat: repeat-x top center;
}
#b9 {
	background-image: url(../images/b9.png);
	height: 10px;
	background-repeat: no-repeat;
	width: 10px;
}
.content {
	width:760px;
	margin:auto;
	padding-bottom: 10px;
}
#top {
	margin-bottom: 40px;
	height:20px;
	}
#head1 {
	padding-top: 10px;
	padding-bottom: 7px;
	}
#foto {
	padding-left:10px;
	float:left;
	width:70px;
	height: 50px;
	}
#foto img {
	width: 55px;
	height:55px;
	padding-top: 5px;
	padding-left: 5px;
}
#logox {
	float:left;
	width:300px;
	padding-top: 5px;
	}
#logo {
	float:left;
	width:420px;
	padding-top: 5px;
	}
#daftar {
	padding-top: 0px;
	float:left;
	width:250px;
	text-align: right;
	padding-right: 0px;
	}

#user {
	font-size: 10pt;
	color: #999;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;

	padding-bottom: 5px;
	}
#user2 {
	text-align: right;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 5px;
	}	


#term {
	font-size: 10pt;
	color: #CCC;
	padding-top: 6px;
	padding-left: 5px;
	}
.hai {
	font-size: 10pt;
	color: #CCC;
	padding-top: 4px;
	padding-left: 6px;
	}
.x {
	background-image: url(../images/menu.png);
	background-repeat: repeat-x;
	height: 35px;
	background-position: center center;
}
.beftabel {
	padding-top: 10px;
	padding-left: 35px;
	text-align: left;
	padding-right: 10px;
	}
.befbutton{
	padding-top: 10px;
	text-align: left;
	padding-right: 10px;
	}
.bf1 {
	width:32px;
	background-image: url(../images/bullet.png);
	height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	}
.bf4 {
	width:32px;
	background-image: url(../images/ic_menu_contact.png);
	height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
}

.bf2 {
	font-size: 11pt;
	font-weight: lighter;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222;
	padding-left: 5px;
	padding-right: 15px;
	}
.bfcenter {
	font-size: 11pt;
	font-weight: lighter;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222;
	padding-left: 5px;
	padding-right: 15px;
	text-align:center;
	}
.name {
	font-size: 20pt;
	font-weight: lighter;
	padding-top: 15px;
	padding-bottom: 2px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #222;
	padding-left: 5px;
	padding-right: 15px;
	}
.bf2 a{
	font-size: 13pt;
	color: #000;
	text-decoration: none;
	}
.bf2 a:hover {
	font-size: 13pt;
	color: #666;
	}
.bf3 {
	width:175px;
	font-size: 13pt;
	font-weight: lighter;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #222;
	padding-left: 15px;
	}
.clear { clear:both;}
.footer2 {
	font-size: 10pt;
	padding-top: 20px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.round {
	background-color:#000;
	opacity: 0.5;
	color:#999;
	font-size:11pt;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	}
.round2 {
	background-color:#000;
	color:#999;
	font-size:16pt;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	}
#score {
	background-color:#390;
	color:#000;
	font-size:10pt;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 1px;
	font-weight: bold;
	margin-left: 3px;
	}
.roundkecil {
	background-color:#000;
	color:#CCC;
	font-size:7pt;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	}
.dash {
	font-size: 10pt;
	color: #CCC;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	}
.borderkanan {
	padding-right: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #222;
	padding-left: 10px;
	font-size: 11pt;
}
.borderkanan2 {
	padding-right: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #222;
	padding-left: 10px;
	font-size: 12pt;
	color: #FFF;
	font-weight: bold;
	padding-top: 4px;
	vertical-align: top;
}
.borderkanan3 {
	padding-right: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #222;
	padding-left: 10px;
	font-size: 10pt;
	color: #FFF;
	padding-top: 6px;
	vertical-align: top;
}

#jumlah {
	padding-right: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #222;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 11pt;
}
#namapel {
	padding-right: 12px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 16pt;
	color: #FFF;
}
#kode {
	font-size: 16pt;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	}
#call {
	background-image: url(../images/jumlah.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 34px;
	width: 53px;
	display: inline-block;
	vertical-align: text-bottom;
	font-size: 12pt;
	font-weight: bold;
	color: #FFF;
	opacity: 0.5;
}
.call {
	padding-top: 8px;
	padding-left: 18px;
	padding-right: 8px;
}
.center {
	text-align:center;}
.wnama {
	width:275px;}
.wpel {
	width:450px;
}
.kod {
	padding-right: 10px;
	padding-top: 0px;
	font-size: 16pt;
	}
.bagkiri {
	padding-top: 5px;
	padding-bottom: 3px;
}
.delapan {
	background-color:#111;
	color:#CCC;
	font-size:15pt;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	margin-right: 1px;
	font-weight: bold;
	margin-left: 3px;
	}
.cen {
	font-size: 9pt;
	color: #666;
}
.con {
	padding-bottom: 2px;
	color: #FFF;
	}
.up {
	padding-top:4px;}
#tempatlogin {
	padding-top:20px;
	}
#rekap {
	width:400px;
	margin-left: 4px;
	margin-top: 20px;
}
#rekap4 {
	background-color: #222;
	height: 3px;
	width: 170px;
}
#rekap2 { background-color:#222; color:#777; padding:2px; display: table; font-size:10pt; }
#rekap3 {
	display: table;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222;
	font-size:10pt;
	padding-bottom: 5px;
}
#income {float:left; padding: 5px; display: table; 	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #222;}
#piutang {float:left; padding: 5px; display: table}
#total {
	padding: 5px;
	display: table;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #222;
	background-color: #222;
}
.putih { color:#666;}
.heading {
	background-color:#222;
	color:#777;
	font-size:10pt;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.keterangan {
	background-color:#555;
	color:#999;
	font-size:10pt;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	
	}
#menudaf td{
	padding: 0 4px;
	text-align: center;
	font-size: 10pt;
	color: #999;
	text-shadow: #6374AB 0px 0px 2px;
}
#menudaf img {
	width: 37px;
	height: 37px;
	
}
#menudaf {margin: 10px 0 20px 0}
#sub-panel{
	text-align:center;
}
#sub-panel a{
	width:100px;
	float:right;
	color:#444;
	text-decoration:none;
	margin-right:30px;
	font-weight:bold;
	background:url(img/sub-left.png) bottom left no-repeat #111;
	/* background:url(img/sub-left.png) bottom left no-repeat #a6c34e; */
}
#sub-panel a span{
	padding:4px;
	background:url(img/sub-right.png) right bottom no-repeat;
	display:block;}